<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="">
    <!-- <script src="../src/index.js"></script> -->
</head>

<body>
    <div class="action">
        <button id="addBtn">新增</button>
        <button id="removeBtn">移除</button>
    </div>
    <script type="module">
        import watermark from "../src/index.js";
        console.warn("watermark", watermark)

        // 获取按钮元素
        const addBtn = document.getElementById('addBtn');
        const removeBtn = document.getElementById('removeBtn');

        // 添加事件监听器
        addBtn.addEventListener('click', () => {
            watermark.setWaterMark({
                w_texts: ['admin8888', '177****0000'],
            });
        });

        removeBtn.addEventListener('click', () => {
            watermark.removeWatermark();
        });
    </script>
</body>

</html>